// page/upload-demo/index.js
Page({

  /**
   * 页面的初始数据
   */
  data: {
    imageList: [],
    count: 3,
    currentNum: 0,
  },

  toPreview(e) {
    console.log(e, e.currentTarget.dataset, ';;;');
    const { url } = e.currentTarget.dataset;
    const { imageList } = this.data;
    wx.previewImage({
      current: url,
      urls: imageList
    })
  },

  toDelete(e) {
    const { url } = e.target.dataset;
    const { imageList } = this.data;
    this.setData({
      imageList: imageList.filter((_) => _ !== url)
    });
  },

  choseImage() {
    console.log(this.data);
    const { count, imageList } = this.data;
    const _this = this;
    
    wx.chooseImage({
      count, // 默认为9
      sizeType: ["original", "compressed"], // 指定原图或者压缩图
      sourceType: ["album", "camera"], // 指定图片来源
      success: function (res) {
        var tempFilePaths = res.tempFilePaths;
        _this.setData({
          imageList: imageList.concat(res.tempFilePaths)
        })
        // _this.imageList = _this.imageList.concat(res.tempFilePaths);
        
        console.log(tempFilePaths);
      },
    });
  },

  // wx.uploadFile 只能一次上传一张，多文件同时上传使用递归的方法或者Promise.all()
  recursionUpload(images = [], count = 0) {
    const _this = this;
    const num = count + 1
    wx.showLoading({
      title: `正在上次第${num}张`,
    })
    wx.uploadFile({
      url: "http://192.168.1.228:8089/api/upload",
      filePath: images[count],
      name: "file",
      // header: {
      //   USER_TOKEN: "36C5A334ADD24B40C32CE3FAE5B270E4",
      // },
      success: function (res) {
        if (num < images.length) {
          _this.recursionUpload(images, count + 1);
        } else {
          wx.hideLoading()
          wx.showToast({
            title: '上传完毕',
            icon: 'none'
          })
        }
        
        console.log("小程序上传图片", res);
        // if (res.statusCode == 200) {
        //   let str = res.data;
        //   let jsonData = JSON.parse(str);
        //   // that.storeImgList.push(`${jsonData.data}?x-oss-process=img/cc/300/300`)
        // }
      },
    });
  },

  submitForm() {
    const { imageList } = this.data;
    const count = 0;
    this.recursionUpload(imageList, count);
  },

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {

  },

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady: function () {

  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow: function () {

  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide: function () {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload: function () {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh: function () {

  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom: function () {

  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage: function () {

  }
})